<template>
    <div>
        <h1>这是Left组件{{ number }}</h1>
        <button @click="number++">数字递增</button>
    </div>
</template>

<script>
export default {
    props: {

    },
    components: {

    },
    data() {
        return {
            number: 0
        }
    },
    methods: {

    },
    // 创建生命周期
    created() {
        console.log('Left 组件创建了...');
    },

    // 销毁前生命周期
    beforeDestroy() {
        console.log('Left 组件销毁了...');
    },
    // 组件被激活
    activated() {
        console.log('Left 组件被激活了...');
    },

    // 组件被缓存的时候触发
    deactivated() {
        console.log('Left 组件被缓存了...');
    }
}
</script>

<style>

</style>